<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta charset="utf-8">
<title>产品标题产品标题-miyacms建站系统演示网站</title>
<meta name="keywords" content="miyacms建站系统演示网站">
<meta name="description" content="">
<link rel="stylesheet" href="http://127.0.0.2/static/mobile/css/swiper.min.css">
<link rel="stylesheet" href="http://127.0.0.2/static/mobile/css/style.css?t=1564486435" />
<script src="http://127.0.0.2/static/mobile/js/jquery.1.11.js"></script>
<script src="http://127.0.0.2/static/mobile/js/swiper.min.js"></script>
</head>
<body>
<div class="head"><a href="/m"><img src="/upload/20180803/1d04edcbd0a6f421cbd63898ba83730c.png" alt="" class="logo" /></a>
  <div class="menushow"><span></span><span></span><span></span></div>
  <a href="tel:" title="" class="tel"></a>
</div>
<div class="mask"></div>
<ul class="menu">
  <h2>菜单</h2>
  <li><a href="/m">首页</a></li>
    <li><a href="/m/about/index.html">关于我们</a> </li>
    <li><a href="/m/product/index.html">产品中心</a> </li>
    <li><a href="/m/news/index.html">新闻列表</a> </li>
    <li><a href="/m/video/index.html">视频中心</a> </li>
    <li><a href="/m/download/index.html">下载中心</a> </li>
    <li><a href="/m/contact/index.html">联系我们</a> </li>
  </ul>
<script>
$(function(){  
   hidemenu();	
   $(".menushow").click(function(){	   	  
	  	$(".menu").addClass("show");
		$(".mask").addClass("show");
		$(this).addClass("on");					  
   })
   $(".mask").click(function(){ 
       hidemenu();
   })
   function hidemenu(){    
	 $(".menu").removeClass("show");
	 $(".mask").removeClass("show");
	 $(".menushow").removeClass("on");	 
   } 
})
</script>
<div class="location"> <a href="/m">首页</a> > <a href="/m/product/index.html">产品中心</a> > 产品详情 </div>
<div class="swiper-container" id="product">
  <ul class="swiper-wrapper">
          <li class="swiper-slide"> <img src="/upload/20180620/25b697b5af398222ea690ead98142a14.jpg" /> </li>
          <li class="swiper-slide"> <img src="/upload/20180620/2805f39fe232a11ad6f3467bad013039.jpg" /> </li>
      </ul>
  <div class="swiper-pagination"></div>
</div>
<div class="protop">
  <h2>产品标题产品标题</h2>
  <div class="note">
    <h3>产品优势</h3>
     </div>
  <p><a href="javascript:void(0);" class="showyy">产品订购</a></p>
</div>
<div class="h12"></div>

<ul class="cate c3">
  <li><a href="javascript:void(0);" class="on">产品详情</a></li>
  <li><a href="javascript:void(0);">产品参数</a></li>
</ul>
<div class="tabcon pdbox" style="display:block;"> <p>产品详情产品详情产品详情产品详情产品详情产品详情产品详情产品详情产品详情产品详情产品详情产品详情产品详情产品详情产品详情产品详情产品详情产品详情产品详情</p>
<p>&nbsp;</p>
<p><img src="/upload/20180620/25b697b5af398222ea690ead98142a14.jpg" /></p> </div>
<div class="tabcon pdbox"  style="display:none;">  </div>


<!--提交手机 -->
<div class="mask2"></div>
<div class="yyphone">
 <a href="javascript:void(0);" class="close"></a><h2>产品订购</h2>
 <p><input type="text" class="intxt" id="name" maxlength="20" placeholder="请输入姓名" /></p>
 <p><input type="number" class="intxt" id="phone" maxlength="11" placeholder="输入手机号" /></p>
 <p><textarea class="intxt" id="content" maxlength="11" placeholder="请输入留言" ></textarea></p>
 <p><input type="button" value="提交" class="inbtn" onclick="yy()" /></p>
</div>
<script src="http://127.0.0.2/public/layer/layer.js"></script>
<script> 
$(function(){
	$(".showyy").bind("click","li",function(){
		$(".mask2").fadeIn(300);
		$(".yyphone").addClass("open");
		$("#name").focus();
	})
	
	$(".yyphone .close").click(function(){
		$(".mask2").fadeOut(300);
		$(this).parent().removeClass("open");
		
	})
	
	$(".mask2").click(function(){
		$(".mask2").fadeOut(300);
		$(".yyphone").removeClass("open");
		$(".alertselect").removeClass("open");
	})
})


var swiper = new Swiper('#product', {
	pagination: '.swiper-pagination',
	slidesPerView: 1,
	paginationClickable: true,
	nextButton: '.next',
	prevButton: '.prev',
	autoplay:3500,
});

$(function(){
	$(".cate li").click(function(){
		var index =$(this).index();
		$(".cate li a").removeClass("on")
		$(this).find("a").addClass("on");
		$(".tabcon").hide().eq(index).show();
	})
})

function yy(){
	var name    = $("#name").val();	
	var phone   = $("#phone").val();	
	var content = $("#content").val();	
	if(name==""){
		layer.msg("请输入姓名");
		$("#name").focus();
		return false;
	}
	if(phone==""){
		layer.msg("请输入手机号");
		$("#phone").focus();
		return false;
	}
	var myreg = /^1[34578]\d{9}$/; 
	if(!myreg.test(phone)) {
		layer.msg("手机号码格式输入不正确");
		$("#phone").focus();
		return false;
	}
	if(content==""){
		layer.msg("请输入留言");
		$("#content").focus();
		return false;
	}
	$.post("/miyacms/show/sendemail.html",{name:name,phone:phone,content:content},function(res){
		if(res.code==1){
			layer.msg('订购成功');
			setTimeout(function(){ window.location.reload(); },1500);
		}else{
			layer.msg(res.msg);
		}
	},"JSON")
}

</script> 
<div class="clear"></div>
<div class="footer">   
  <div class="fcon">
    <p><b>米雅途网络</b></p>
    <p>联系电话：13815868401</p>
    <p>电子邮件：312874880@qq.com</p>
    <p>联系地址：深圳龙岗</p>
  </div>  
</div>
<div class="copy"> <p>Copyright 2018 miyacms 建站管理系统 &nbsp;版权所有 All Rights Reserved 网址:www.miyatu.cn</p> </div>
<script>
$(function(){
	$(".pdbox *").css({"max-width":'100%'});
	$(".pdbox img").css({"height":'auto','max-height':'auto'});	
})
</script>
</body></html>